$(function () {

    //初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    $.ajax({
        'url' : ctx+'workingHours1/list',  //url路径
        'type' : 'post',  //数据传送方法
        'dataType' : 'json',  //返回的数据类型
        success : function(result) {
            fetchData(result);
        }
    })
    myChart.showLoading();  //显示缓冲遮盖层
    function fetchData(result) {
        myChart.hideLoading();  //隐藏遮盖层
        var series1 = [];
        for (let i = 0; i < result.seriesModels.length; i++) {
            series1.push({
                type: 'bar',
                name: result.seriesModels[i].name,
                data: result.seriesModels[i].chartData,

            });
        }
        myChart.setOption({  //加载echarts
                title : {
                    text: '项目投入',
                },
                tooltip : {  //提示框组件
                    trigger: 'axis'
                },
                legend: {  //图例组件
                    data: result.legend,
                    top: "0%",
                    bottom: "20%",// 组件离容器的距离
                    right: "5%",
                    left:"10%" // 组件离容器的距离
                    //data:["数量"]
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        magicType : {show: true, type: ['line', 'bar']},  //可以转换为柱状图或折线图（由type定义）
                    }
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'category',
                        boundaryGap : false,
                        data : result.category
                        //data：["2016","2017","2018"]
                    }
                ],
                yAxis : {},
                series : series1
                    // [
                    // {
                        // name: result.series[0].name,
                        // type: 'bar',
                        // data: result.series[0].chartData,                       //data:["4","10","1"]
                        // markPoint : {  //图表标注
                        //     data : [
                        //         {type : 'max', name: '最大值'},
                        //         {type : 'min', name: '最小值'}
                        //     ]
                        // },
                        // markLine : {  //图表标注线
                        //     data : [
                        //         {type : 'average', name: '平均值'}
                        //     ]
                        // }
                //     }
                // ]
            });
    }

    //初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main2'));
    $.ajax({
        'url' : ctx+'workingHours2/list',  //url路径
        'type' : 'post',  //数据传送方法
        'dataType' : 'json',  //返回的数据类型
        success : function(result) {
            fetchData2(result);
        }
    })
    myChart2.showLoading();  //显示缓冲遮盖层
    function fetchData2(result) {
        myChart2.hideLoading();  //隐藏遮盖层
        var series2 = [];
        for (let i = 0; i < result.seriesModels.length; i++) {
            series2.push({
                type: 'bar',
                name: result.seriesModels[i].name,
                data: result.seriesModels[i].chartData,

            });
        }
        myChart2.setOption({  //加载echarts
            title : {
                text: '模块投入',
            },
            tooltip : {  //提示框组件
                trigger: 'axis'
            },
            legend: {  //图例组件
                data: result.legend,
                top: "0%",
                bottom: "20%",// 组件离容器的距离
                right: "5%",
                left:"10%" // 组件离容器的距离
                //data:["数量"]
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    magicType : {show: true, type: ['line', 'bar']},  //可以转换为柱状图或折线图（由type定义）
                }
            },
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    boundaryGap : false,
                    data : result.category
                    //data：["2016","2017","2018"]
                }
            ],
            yAxis : {},
            series : series2
        });
    }





//从数据库读取数据赋值给echarts
//     function fuzhi(myChart) {
//         $.ajax({
//             contentType : "application/json",
//             type : "GET",
//             url : "workingHours1/list",
//             dataType : "json",
//             success : function(data) {
//                 //创建一个数组，用来装对象传给series.data，因为series.data里面不能直接for循环
//                 var servicedata = [];
//                 console.log(data);
//                 if(data.series.length>0){
//                     for (var i = 0; i < data.length; i++) {
//                         var obj = new Object();
//                         obj.name = data.series[i].name;
//                         obj.data = data[i].chartData;
//                         servicedata[i] = obj;
//                     }
//
//                     //将返回的category和series对象赋值给options对象内的category和series
//                     //因为xAxis是一个数组 这里需要是xAxis[i]的形式
//                     options.xAxis[0].data = data.category;
//                     options.series = data.series;
//                     options.legend.data = data.legend;
//                     myChart.hideLoading();
//                     myChart.setOption(options);
//                     // myChart.setOption({
//                     //     title : {
//                     //         text : yr+"-"+mh+'月份报表统计'
//                     //     },
//                     //     series : [ {
//                     //         name : names,
//                     //         type : 'pie',
//                     //         radius : '60%',
//                     //         data : servicedata,
//                     //     } ]
//                     //
//                     // });
//                     myChart.setOption({
//                         tooltip: {
//                             trigger: 'axis',
//                             axisPointer: {
//                                 type: 'shadow'
//                             }
//                         },
//                         legend: {
//                             data: data.legend
//                         },
//                         toolbox: {
//                             show: true,
//                             orient: 'vertical',
//                             left: 'right',
//                             top: 'center',
//                             feature: {
//                                 mark: { show: true },
//                                 dataView: { show: true, readOnly: false },
//                                 magicType: { show: true, type: ['line', 'bar', 'stack'] },
//                                 restore: { show: true },
//                                 saveAsImage: { show: true }
//                             }
//                         },
//                         xAxis: [
//                             {
//                                 type: 'category',
//                                 axisTick: { show: false },
//                                 data: data.category
//                             }
//                         ],
//                         yAxis: [
//                             {
//                                 type: 'value'
//                             }
//                         ],
//                         series: [
//                             {
//                                 // name: servicedata.name ,
//                                 type: 'bar',
//                                 barGap: 0,
//                                 label: labelOption,
//                                 emphasis: {
//                                     focus: 'series'
//                                 },
//                                 data: servicedata
//                             }
//                         ]
//                     })
//                 }else{
//                     alert("无该月份数据");
//                 }
//             } ,
//             error : function(errorMsg) {
//                 alert("图表请求数据失败啦!");
//             }
//         });
//     }



    // var myChart = echarts.init(document.getElementById('main'));
    // //图表显示提示信息
    // myChart.showLoading();
    // //定义图表options






    //通过Ajax获取数据
    // $.ajax({
    //     type : "post",
    //     async : false, //同步执行
    //     url : "showEchartBar.action",
    //     dataType : "json", //返回数据形式为json
    //     success : function(result) {
    //         if (result) {
    //
    //
    //             myChart.hideLoading();
    //             myChart.setOption(options);
    //         }
    //     },
    //     error : function(errorMsg) {
    //         alert("图表请求数据失败啦!");
    //     }
    // });



})

